<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>携程旅行-酒店预订,机票预订查询,旅游度假,商旅管理-携程无线官网</title>
    <link rel="shortcut icon" href="../img/海豚.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/gongtong.css">
    <link rel="stylesheet" href="../css/shequ.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/"></script>

</head>

<body>
    <div class="top">
        <div class="xiecheng">
            <div class="header">
                <a href="../index.html" class="header-a0">
                    <div class="header-zuoimg">
                    </div>
                </a>

                <a href="http://985.so/w04i
                " class="header-a1">
                    <div class="header-text">
                        全球
                    </div>
                </a>

                <div class="header-input0">
                    <a href="http://985.so/wg7i">
                        <input type="text" placeholder="目的地/景点/话题..." class="input1">
                    </a>

                </div>
                <div class="header-user">

                </div>
            </div>
            <div class="box">
                <ul class="box-ul">
                    <a href="javascript:;">
                        <li class="nav-li">热门</li>
                    </a>
                    <a href="javascript:;">
                        <li class="nav-li">当季热点视频</li>
                    </a>
                    <a href="javascript:;">
                        <li class="nav-li">新奇体验</li>
                    </a>
                    <a href="javascript:;">
                        <li class="nav-li">酒店民宿</li>
                    </a>
                    <a href="javascript:;">
                        <li class="nav-li">美食探店</li>
                    </a>
                    <a href="javascript:;">
                        <li class="nav-li">亲子</li>
                    </a>
                    <a href="javascript:;">
                        <li class="nav-li">小众</li>
                    </a>
                    <a href="javascript:;">
                        <li class="nav-li">自驾</li>
                    </a>
                    <a href="javascript:;">
                        <li class="nav-li">网红</li>
                    </a>
                    <a href="javascript:;">
                        <li class="nav-li">周末游玩</li>
                    </a>
                    <a href="javascript:;">
                        <li class="nav-li">逛展</li>
                    </a>
                </ul>
                <div class="box1">
                    <!-- 热门 -->
                    <div class="box1-div" style="display:block">
                        <div class="box1-div-left1">
                            <div class="left-box1">
                                <img src="../img/1.jpg" alt="">
                                <div class="ding">成都</div>
                                <p class="left-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="left-span1">
                                  <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                                  <u>152</u> 
                                </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/3.jpg" alt="">
                                <div class="ding">桂林</div>
                                <p class="left-p1">桂林旅游🔥人均900💰零踩雷攻略‼️</p>
                                <span class="left-span1">
                                  <img src="../img/touxiang1.png" alt=""> <i>菲儿旅行攻略</i>
                                  <u>192</u> 
                                </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/2.jpg" alt="">
                                <div class="ding">沙漠</div>
                                <p class="left-p1">暂时去不了东南亚，就来西双版纳！</p>
                                <span class="left-span1">
                                  <img src="../img/touxiang1.png" alt=""> <i>云南小阿哥</i>
                                  <u>522</u> 
                                </span>
                            </div>

                        </div>
                        <div class="box1-div-right1">
                            <div class="right-box1">
                                <img src="../img/2.jpg" alt="">
                                <div class="ding">南京</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                                  <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                                  <u>152</u> 
                                </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/4.jpg" alt="">
                                <div class="ding">西湖</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                                  <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                                  <u>152</u> 
                                </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/1.jpg" alt="">
                                <div class="ding">河南|质量</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                                  <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                                  <u>152</u> 
                                </span>
                            </div>



                        </div>
                    </div>
                    <!-- 当季热点视频 -->
                    <div class="box1-div">
                        <div class="box1-div-left1">
                            <div class="left-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">热热</div>
                                <p class="left-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="left-span1">
                                  <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                                  <u>152</u> 
                                </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/8.jpg" alt="">
                                <div class="ding">冷禅</div>
                                <p class="left-p1">桂林旅游🔥人均900💰零踩雷攻略‼️</p>
                                <span class="left-span1">
                                  <img src="../img/touxiang1.png" alt=""> <i>菲儿旅行攻略</i>
                                  <u>192</u> 
                                </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/9.jpg" alt="">
                                <div class="ding">沙漠</div>
                                <p class="left-p1">暂时去不了东南亚，就来西双版纳！</p>
                                <span class="left-span1">
                                  <img src="../img/touxiang1.png" alt=""> <i>云南小阿哥</i>
                                  <u>522</u> 
                                </span>
                            </div>

                        </div>
                        <div class="box1-div-right1">
                            <div class="right-box1">
                                <img src="../img/9.jpg" alt="">
                                <div class="ding">南京</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                                  <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                                  <u>152</u> 
                                </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/6.jpg" alt="">
                                <div class="ding">西湖</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                                  <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                                  <u>152</u> 
                                </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">河南|质量</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                                  <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                                  <u>152</u> 
                                </span>
                            </div>



                        </div>
                    </div>
                    <!-- 新奇体验 -->
                    <div class="box1-div">
                        <div class="box1-div-left1">
                            <div class="left-box1">
                                <img src="../img/10.jpg" alt="">
                                <div class="ding">热热</div>
                                <p class="left-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="left-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/6.jpg" alt="">
                                <div class="ding">冷禅</div>
                                <p class="left-p1">桂林旅游🔥人均900💰零踩雷攻略‼️</p>
                                <span class="left-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>菲儿旅行攻略</i>
                              <u>192</u> 
                            </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">沙漠</div>
                                <p class="left-p1">暂时去不了东南亚，就来西双版纳！</p>
                                <span class="left-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>云南小阿哥</i>
                              <u>522</u> 
                            </span>
                            </div>

                        </div>
                        <div class="box1-div-right1">
                            <div class="right-box1">
                                <img src="../img/5.jpg" alt="">
                                <div class="ding">南京</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/6.jpg" alt="">
                                <div class="ding">西湖</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">河南|质量</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>



                        </div>
                    </div>
                    <!-- 酒店民宿 -->
                    <div class="box1-div">
                        <div class="box1-div-left1">
                            <div class="left-box1">
                                <img src="../img/3.jpg" alt="">
                                <div class="ding">成都</div>
                                <p class="left-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="left-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/3.jpg" alt="">
                                <div class="ding">桂林</div>
                                <p class="left-p1">桂林旅游🔥人均900💰零踩雷攻略‼️</p>
                                <span class="left-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>菲儿旅行攻略</i>
                              <u>192</u> 
                            </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/2.jpg" alt="">
                                <div class="ding">沙漠</div>
                                <p class="left-p1">暂时去不了东南亚，就来西双版纳！</p>
                                <span class="left-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>云南小阿哥</i>
                              <u>522</u> 
                            </span>
                            </div>

                        </div>
                        <div class="box1-div-right1">
                            <div class="right-box1">
                                <img src="../img/1.jpg" alt="">
                                <div class="ding">南京</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/3.jpg" alt="">
                                <div class="ding">西湖</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/5.jpg" alt="">
                                <div class="ding">河南|质量</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>


                        </div>
                    </div>
                    <!-- 美食探店 -->
                    <div class="box1-div">
                        <div class="box1-div-left1">
                            <div class="left-box1">
                                <img src="../img/9.jpg" alt="">
                                <div class="ding">热热</div>
                                <p class="left-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="left-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/8.jpg" alt="">
                                <div class="ding">冷禅</div>
                                <p class="left-p1">桂林旅游🔥人均900💰零踩雷攻略‼️</p>
                                <span class="left-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>菲儿旅行攻略</i>
                              <u>192</u> 
                            </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/9.jpg" alt="">
                                <div class="ding">沙漠</div>
                                <p class="left-p1">暂时去不了东南亚，就来西双版纳！</p>
                                <span class="left-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>云南小阿哥</i>
                              <u>522</u> 
                            </span>
                            </div>

                        </div>
                        <div class="box1-div-right1">
                            <div class="right-box1">
                                <img src="../img/4.jpg" alt="">
                                <div class="ding">南京</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">西湖</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">河南|质量</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>



                        </div>
                    </div>
                    <!-- 亲子 -->
                    <div class="box1-div">
                        <div class="box1-div-left1">
                            <div class="left-box1">
                                <img src="../img/1.jpg" alt="">
                                <div class="ding">成都</div>
                                <p class="left-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="left-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/3.jpg" alt="">
                                <div class="ding">桂林</div>
                                <p class="left-p1">桂林旅游🔥人均900💰零踩雷攻略‼️</p>
                                <span class="left-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>菲儿旅行攻略</i>
                              <u>192</u> 
                            </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/2.jpg" alt="">
                                <div class="ding">沙漠</div>
                                <p class="left-p1">暂时去不了东南亚，就来西双版纳！</p>
                                <span class="left-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>云南小阿哥</i>
                              <u>522</u> 
                            </span>
                            </div>

                        </div>
                        <div class="box1-div-right1">
                            <div class="right-box1">
                                <img src="../img/2.jpg" alt="">
                                <div class="ding">南京</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/4.jpg" alt="">
                                <div class="ding">西湖</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>

                            <div class="right-box1">
                                <img src="../img/4.jpg" alt="">
                                <div class="ding">海南</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/2.jpg" alt="">
                                <div class="ding">哈哈</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                              <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                              <u>152</u> 
                            </span>
                            </div>

                        </div>
                    </div>
                    <!-- 小众 -->
                    <div class="box1-div">
                        <div class="box1-div-left1">
                            <div class="left-box1">
                                <img src="../img/11.jpg" alt="">
                                <div class="ding">成都</div>
                                <p class="left-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="left-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/1.jpg" alt="">
                                <div class="ding">桂林</div>
                                <p class="left-p1">桂林旅游🔥人均900💰零踩雷攻略‼️</p>
                                <span class="left-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>菲儿旅行攻略</i>
                          <u>192</u> 
                        </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/2.jpg" alt="">
                                <div class="ding">沙漠</div>
                                <p class="left-p1">暂时去不了东南亚，就来西双版纳！</p>
                                <span class="left-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>云南小阿哥</i>
                          <u>522</u> 
                        </span>
                            </div>

                        </div>
                        <div class="box1-div-right1">
                            <div class="right-box1">
                                <img src="../img/12.jpg" alt="">
                                <div class="ding">南京</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">西湖</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/5.jpg" alt="">
                                <div class="ding">河南|质量</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">河南</div>
                                <p class="right-p1">被问无数遍的三亚酒店！满满西班牙建筑风情</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>花开富贵</i>
                          <u>399</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/8.jpg" alt="">
                                <div class="ding">海角</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/9.jpg" alt="">
                                <div class="ding">天涯</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/10.jpg" alt="">
                                <div class="ding">上海</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/11.jpg" alt="">
                                <div class="ding">海南</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/12.jpg" alt="">
                                <div class="ding">哈哈</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>

                        </div>
                    </div>
                    <!-- 自驾 -->
                    <div class="box1-div">
                        <div class="box1-div-left1">
                            <div class="left-box1">
                                <img src="../img/12.jpg" alt="">
                                <div class="ding">热热</div>
                                <p class="left-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="left-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/4.jpg" alt="">
                                <div class="ding">冷禅</div>
                                <p class="left-p1">桂林旅游🔥人均900💰零踩雷攻略‼️</p>
                                <span class="left-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>菲儿旅行攻略</i>
                          <u>192</u> 
                        </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">沙漠</div>
                                <p class="left-p1">暂时去不了东南亚，就来西双版纳！</p>
                                <span class="left-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>云南小阿哥</i>
                          <u>522</u> 
                        </span>
                            </div>

                        </div>
                        <div class="box1-div-right1">
                            <div class="right-box1">
                                <img src="../img/9.jpg" alt="">
                                <div class="ding">南京</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/6.jpg" alt="">
                                <div class="ding">西湖</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">河南|质量</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>



                        </div>
                    </div>
                    <!-- 网红 -->
                    <div class="box1-div">
                        <div class="box1-div-left1">
                            <div class="left-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">成都</div>
                                <p class="left-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="left-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/8.jpg" alt="">
                                <div class="ding">桂林</div>
                                <p class="left-p1">桂林旅游🔥人均900💰零踩雷攻略‼️</p>
                                <span class="left-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>菲儿旅行攻略</i>
                          <u>192</u> 
                        </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/12.jpg" alt="">
                                <div class="ding">沙漠</div>
                                <p class="left-p1">暂时去不了东南亚，就来西双版纳！</p>
                                <span class="left-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>云南小阿哥</i>
                          <u>522</u> 
                        </span>
                            </div>

                        </div>
                        <div class="box1-div-right1">
                            <div class="right-box1">
                                <img src="../img/11.jpg" alt="">
                                <div class="ding">南京</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/3.jpg" alt="">
                                <div class="ding">西湖</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/5.jpg" alt="">
                                <div class="ding">河南|质量</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">河南</div>
                                <p class="right-p1">被问无数遍的三亚酒店！满满西班牙建筑风情</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>花开富贵</i>
                          <u>399</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/8.jpg" alt="">
                                <div class="ding">海角</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/9.jpg" alt="">
                                <div class="ding">天涯</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/10.jpg" alt="">
                                <div class="ding">上海</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/11.jpg" alt="">
                                <div class="ding">海南</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/12.jpg" alt="">
                                <div class="ding">哈哈</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                          <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                          <u>152</u> 
                        </span>
                            </div>

                        </div>
                    </div>
                    <!-- 周末游玩 -->
                    <div class="box1-div">
                        <div class="box1-div-left1">
                            <div class="left-box1">
                                <img src="../img/11.jpg" alt="">
                                <div class="ding">成都</div>
                                <p class="left-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="left-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/1.jpg" alt="">
                                <div class="ding">桂林</div>
                                <p class="left-p1">桂林旅游🔥人均900💰零踩雷攻略‼️</p>
                                <span class="left-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>菲儿旅行攻略</i>
                      <u>192</u> 
                    </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/2.jpg" alt="">
                                <div class="ding">沙漠</div>
                                <p class="left-p1">暂时去不了东南亚，就来西双版纳！</p>
                                <span class="left-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>云南小阿哥</i>
                      <u>522</u> 
                    </span>
                            </div>

                        </div>
                        <div class="box1-div-right1">
                            <div class="right-box1">
                                <img src="../img/12.jpg" alt="">
                                <div class="ding">南京</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">西湖</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/5.jpg" alt="">
                                <div class="ding">河南|质量</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">河南</div>
                                <p class="right-p1">被问无数遍的三亚酒店！满满西班牙建筑风情</p>
                                <span class="right-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>花开富贵</i>
                      <u>399</u> 
                    </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/8.jpg" alt="">
                                <div class="ding">海角</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/9.jpg" alt="">
                                <div class="ding">天涯</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/10.jpg" alt="">
                                <div class="ding">上海</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/11.jpg" alt="">
                                <div class="ding">海南</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/12.jpg" alt="">
                                <div class="ding">哈哈</div>
                                <p class="right-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="right-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>

                        </div>
                    </div>
                    <!-- 逛展 -->
                    <div class="box1-div">
                        <div class="box1-div-left1">
                            <div class="left-box1">
                                <img src="../img/12.jpg" alt="">
                                <div class="ding">热热</div>
                                <p class="left-p1">适合游泳/大学生玩的八大城市！</p>
                                <span class="left-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/4.jpg" alt="">
                                <div class="ding">冷禅</div>
                                <p class="left-p1">桂林旅游🔥人均900💰零踩雷攻略‼️</p>
                                <span class="left-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>菲儿旅行攻略</i>
                      <u>192</u> 
                    </span>
                            </div>
                            <div class="left-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">沙漠</div>
                                <p class="left-p1">暂时去不了东南亚，就来西双版纳！</p>
                                <span class="left-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>云南小阿哥</i>
                      <u>522</u> 
                    </span>
                            </div>

                        </div>
                        <div class="box1-div-right1">
                            <div class="right-box1">
                                <img src="../img/9.jpg" alt="">
                                <div class="ding">南京</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/6.jpg" alt="">
                                <div class="ding">西湖</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>
                            <div class="right-box1">
                                <img src="../img/7.jpg" alt="">
                                <div class="ding">河南|质量</div>
                                <p class="right-p1">适合游泳/大学生玩的一大城市！</p>
                                <span class="right-span1">
                      <img src="../img/touxiang1.png" alt=""> <i>随风而过的沙</i>
                      <u>152</u> 
                    </span>
                            </div>



                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="xiangji">

    </div>
</body>

</html>
<!--  -->
<script>
    let lis = document.querySelectorAll('.box .box-ul a');
    console.log(lis);
    let divs = document.querySelectorAll('.box1 .box1-div');
    console.log(divs);
    for (let i = 0; i < lis.length; i++) {
        lis[i].setAttribute('xuhao', i)
        lis[i].onclick = function() {
            for (let j = 0; j < lis.length; j++) {
                lis[j].className = ''
            }
            this.className = 'lis-yanse'
            let xuhao = this.getAttribute('xuhao');
            console.log(xuhao);
            for (let a = 0; a < divs.length; a++) {
                divs[a].style.display = ''
            }
            divs[xuhao].style.display = 'block'
        }
    }
</script>
</body>

</html>